/* STRUKTUR */
#content-wrapper {margin:0 auto;overflow:hidden;word-wrap:break-word;background-color:#ffffff;position:relative;
z-index:1;}.page-wrap {height:100%;}.page-row {height:100%;}.site-main {height:100%;padding-left:60px;}

/* HEADER WRAPPER */
#header-wrapper {}#header {width:60px;height:100%;background:#222222;position:fixed;left:0;top:0;z-index:200;
/*transition*/-webkit-transition:all 350ms;-moz-transition:all 350ms;-o-transition:all 350ms;transition:all 350ms;}
#header.expand-header {width:1170px;height:100%;}#header.expand-header #main-menu {display:block;}
.logo {max-width:40px;margin:20px auto 0;}

/* HEADER MENU */
#main-menu{
padding-left:120px;
display:none;
}
#main-menu a{
color: #FF7878;
-webkit-transition: color 0.2s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0s;
transition: color 0.2s ease-in-out 0s;
font-family:Dosis;
}
#main-menu a:hover{
color: #ddd;
text-decoration:none;
}
#menu-icon{
width:60px;
height:68px;
line-height:68px;
left:0;
position:relative;
border:0;
outline:none;
background:#222222;
}
#menu-icon.active{
background:#ffffff;
}
#menu-icon .bar{
left:18px;
top:25px;
display:block;
position:absolute;
width:24px;
height:3px;
background:#ffffff;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
#menu-icon.active .bar{
background:#222222;
}
#menu-icon .bar.bar-2{
top:31px;
}
#menu-icon .bar.bar-3{
top:31px;
}
#menu-icon .bar.bar-4{
top:37px;
}
#menu-icon:hover .bar{
top:20px;
}
#menu-icon:hover .bar.bar-2{
top:31px;
}
#menu-icon:hover .bar.bar-3{
top:31px;
}
#menu-icon:hover .bar.bar-4{
top:42px;
}
#menu-icon.active .bar-1{
/*transform*/
-webkit-transform:translateY(-35px);
   -moz-transform:translateY(-35px);
    -ms-transform:translateY(-35px);
     -o-transform:translateY(-35px);
        transform:translateY(-35px);
}
#menu-icon.active .bar-2{
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
/*transition-delay*/
-webkit-transition-delay:0.3s;
   -moz-transition-delay:0.3s;
     -o-transition-delay:0.3s;
        transition-delay:0.3s;
}
#menu-icon.active .bar-3{
/*transform*/
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
/*transition-delay*/
-webkit-transition-delay:0.3s;
   -moz-transition-delay:0.3s;
     -o-transition-delay:0.3s;
        transition-delay:0.3s;
}
#menu-icon.active .bar-4{
/*transform*/
-webkit-transform:translateY(35px);
   -moz-transform:translateY(35px);
    -ms-transform:translateY(35px);
     -o-transform:translateY(35px);
        transform:translateY(35px);
}
ul#main-menu li{
font-size:40px;
font-size:4rem;
font-weight:bold;
line-height:1.4;
list-style:none;
}
ul#main-menu li ul{
padding-left:40px;
line-height:0.5;
visibility:hidden;
opacity:0;
height:0;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
}
ul#main-menu li:hover>ul{
height:auto;
visibility:visible;
opacity:1;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
}
ul#main-menu li ul li{
font-size:22px;
display:inline-block;
padding-right:15px;
}

ul#main-menu li a span {
  display:block;
  font-size:2rem;
  color:#7d7d7d;
  position:relative;
  top:-10px;
  font-weight:normal;
}

/* Medium devices (desktops,992px and up) */
@media (max-width:992px ) {
.page-wrap {width:100%;}
}
@media (max-width:768px ) {
  #header {
    width:100%;
    position:relative;
    height:80px;
  }
  #menu-icon {
    position:absolute;
    top:10px;
  }
  #header.expand-header {
    width:100%;
  }
  #header.expand-header #main-menu {
    display:block;
    margin-top:40px;
    text-align:center;
    text-align:ce;
    padding:0;
  }
  .site-main {
    padding-left:0;
  }
}
#headerbg {
  height:auto;
  background-color:#fff;
  color:#fff;
  overflow:hidden;
  background: #fff url(http://format.wpengine.com/wp-content/uploads/2014/10/lead.jpg) center 0 repeat-x fixed;
}

.intro {
  text-align:center;
}

.intro-logo {
  margin:70px 0 50px;
  max-width:217px;
  min-width:115px;
  width:50%;
}

.intro-baseline {
  color: #E7E7E7;
  font-family:"Dosis",sans-serif;
  font-size:26px;
  line-height:30px;
  margin-top:-100px;
  margin-bottom:170px;
}

.search-input-unfold {
  width:100%;
  height:0;
  display:block;
  overflow:hidden;
  position:relative;
  background-color:#222;
  -webkit-transition:height .25s .2s;
  -moz-transition:height .25s .2s;
  transition:height .25s .2s;
  -webkit-perspective:1600;
  -moz-perspective:1600;
  perspective:1600px;
}

.search-input-unfold form {
  background-color:#fff;
  height:120px;
  position:relative;
  -webkit-transform:rotateX(-100deg);
  -moz-transform:rotateX(-100deg);
  -ms-transform:rotateX(-100deg);
  -o-transform:rotateX(-100deg);
  transform:rotateX(-100deg);
  -webkit-transform-origin:top center;
  -moz-transform-origin:top center;
  -ms-transform-origin:top center;
  -o-transform-origin:top center;
  transform-origin:top center;
  -webkit-transition:all .25s linear;
  -moz-transition:all .25s linear;
  transition:all .25s linear;
}

.search-input-unfold form:after {
  content:"\f002";
  font-family:FontAwesome;
  position:absolute;
  top:20px;
  left:25px;
  font-size:50px;
  color:#e8e8e8;
}

.search-input-unfold.open {
  height:120px;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  transition-delay:0;
}

.search-input-unfold.open form {
  -webkit-transform:rotateX(0);
  -moz-transform:rotateX(0);
  -ms-transform:rotateX(0);
  -o-transform:rotateX(0);
  transform:rotateX(0);
  -webkit-transition-delay:.2s;
  -moz-transition-delay:.2s;
  transition-delay:.2s;
}

.search-input-unfold input {
  border:0;
  font-size:50px;
  padding:0 120px 0 110px;
  outline:none;
  margin-top:22px;
  background-color:transparent;
  width:100%;
}

.search-input-unfold input::-webkit-input-placeholder {
  color:#e6e6e6;
}

.search-input-unfold input::-moz-placeholder {
  color:#e6e6e6;
}

.search-input-unfold input:-moz-placeholder {
  color:#e6e6e6;
}

.search-input-unfold input:-ms-input-placeholder {
  color:#e6e6e6;
}

.search-input-unfold .close {
  font-size:60px;
  font-family:sans-serif;
  font-weight:300;
  position:absolute;
  top:25px;
  right:30px;
}
/* AREA WRAPPER */
#post-wrapper {
  background-color:#ffffff;
  float:left;
  margin:0;
}

#ads728 {
  background-color:#ffffff;
  float:left;
  margin:6px 0 0 0;
}

#sidebar-wrapper {
float: right;
margin: 31px 0 0 0;
height: 100%;
bottom: 0;
border-radius: 6px;
}

.sidebar-container {
  margin:0 0;
}

.sidebar h2 {
  margin:0 8px 10px;
  color:#222;
  text-transform:uppercase;
  font-size:20px;
  font-family:Abel;
}

.sidebar .widget {
  padding:0 0 10px;
}

.sidebar ul,
.sidebar ol {
  list-style-type:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

.sidebar li {
  margin:0 0 0 0;
  padding:3px 0;
}

/* FOOTER WRAPPER */

.site-footer {
  background:#222222;
  color:#ffffff;
  padding:40px 0 20px;
}

.widget-footer {
  padding:0 20px;
  margin-bottom:20px;
}

.widget-footer p {
  color:#f8f8f8;
}

.widget-footer-title h4 {
  margin-top:0;
  font-family:Abel;
  font-size:20px;
  color:#ddd;
}

/* SOCIAL WRAPPER */
.social {
  text-align:center;
  width:40px;
  height:40px;
  float:left;
  background:rgb(65,65,65);
  border:1px solid rgb(43,43,43);
  box-shadow:0 2px 4px rgba(0,0,0,0.15),inset 0 0 50px rgba(0,0,0,0.1);
  border-radius:2px;
  margin:0 5px 5px 0;
  padding:8px;
  font-size:16px;
}

.google-pluse:hover {
  background:#DD4B39;
  color:#FFF;
}

.facebook:hover {
  background:#3b5998;
  color:#FFF;
}

.twitter:hover {
  background:#00acee;
  color:#FFF;
}

.pinterest:hover {
  background:#c8232c;
  color:#FFF;
}

.linkedin:hover {
  background:#0e76a8;
  color:#FFF;
}

.skype:hover {
  background:#00aff0;
  color:#FFF;
}

.youtube:hover {
  background:#c4302b;
  color:#FFF;
}

.tumblr:hover {
  background:#34526f;
  color:#FFF;
}
.breadcrumbs {
background: #444;
padding: 10px 0 10px 0px;
font-size: 17px;
color: #161616;
position: relative;
font-family: Abel;
background: url(http://themasdoyok.com/wp-content/themes/elegantbos/img/pattern-4.png) 0px 0px repeat;
margin: 12px 10px 5px;
}
.breadcrumbs a {
color: #494848;
text-decoration: none;
}

#services-area {
  padding:0;
  margin:0 auto;
  border-bottom:5px solid #E9E9E9;
  background:url(http://4.bp.blogspot.com/-7IczFk3IYIk/VDrTkR44IDI/AAAAAAAAFJA/Fcna3o6IIzk/s1600/patern4.png) 0 0 repeat;
  overflow:hidden;
}

#services {}

#services .services-top {
  padding:0 0 0;
}

#services .services-list {
  padding-top:10px;
}

.services-list .service-block .ico {
  font-size:38px;
  float:left;
  padding-top:5px;
}

.services-list .service-block .text-block {
  margin-left:58px;
}

.service-search {
  padding:0 10px;
}

.fa-search {
  position:absolute;
  top:3px;
  color:#fff;
  background-color:#6EAEFF;
  padding:5px;
  border-radius:3px;
  font-size:30px;
}

.services-list .service-block .text-block .name {
  font-size:18px;
  font-family:Dosis;
}

.services-list .service-block .text-block .info {
  margin-bottom:10px;
}

.highlight {
  color:#8A8A8A;
  font-weight:bold;
}

/* AREA CAPTION*/
.info-thumbnail {
display: inline-block;
width: 100%;
margin: 0;
text-align: left;
position: relative;
cursor: pointer;
}

.info-thumbnail img {
  z-index:10;
  -webkit-transition:-webkit-transform 0.4s;
  -moz-transition:-moz-transform 0.4s;
  transition:transform 0.4s;
}

 .info-thumbnail:hover img {
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  -ms-transform:scale(0.4);
  transform:scale(0.4);
}

.insert {
  height:100%;
  width:100%;
  opacity:0;
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  transform:scale(0.7);
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:-webkit-transform 0.4s,opacity 0.4s;
  -moz-transition:-moz-transform 0.4s,opacity 0.4s;
  transition:transform 0.4s,opacity 0.4s;
}

.info-thumbnail:hover > .insert {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  opacity:1;
}

.insert a {
position: absolute;
bottom: 20px;
right: 20px;
text-align: center;
padding: 3px 8px;
border-radius: 1px;
display: inline-block;
background: #6EAEFF;
color: #fff;
text-decoration: none !important;
font-size: 12px;
}

.insert {
position: absolute;
top: 0;
left: 0;
padding: 50px 20px;
color: #ed4e6e;
}

.insert h3 {
  margin:-3px 0;
  padding:0;
  color:#6EAEFF;
  font-size:12px;
}

.insert span {
  margin:0;
  padding:0;
  color:#6EAEFF;
  font-size:12px;
}
/* AREA POSTS */
._post {
background-color: white;
height: 400px;
margin: 0;
overflow: hidden;
}

._post:after {
  content:"";
  display:block;
  clear:both;
}

._post-title {
margin: 0 0 10px;
padding: 0;
color: #222;
font-weight: 700;
font-size: 20px;
font-family: Abel;
}

._post-title a {
  color:#222;
}

._post-title a:hover {
  color:rgb(47,46,43);
}

._post-body {
  font-family:PT Sans Narrow,Arial,Helvetica,sans-serif;
  font-size:16px;
  color:#4E4D4D;
}

._post-thumbnail-area {
width: auto;
height: 200px;
background: #222222 url(http://4.bp.blogspot.com/-7IczFk3IYIk/VDrTkR44IDI/AAAAAAAAFJA/Fcna3o6IIzk/s1600/patern4.png) repeat center;
/* float: left; */
overflow: hidden;
padding: 0;
margin: 30px 0 0 0;
position: relative;
}

._post-thumbnail {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:none;
  outline:none;
  position:static;
}

._post-body-area {
padding: 20px 0;
margin: 0;
font-size: 11px;
}

._post-item,
._post-static_page {
  height:auto;
}

._post-item ._post-body-area,
._post-static_page ._post-body-area {
  margin:0;
  padding:10px 0;
  font-size:13px;
}

._post-item ._post-title,
._post-static_page ._post-title {
  font-size:20px;
}

._post-footer {
  margin:15px 0 0;
  padding:0;
  font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif;
  color:#464646;
}

.post-show a {
  color:#797979;
}

.post-show-icon {
  display:inline-block;
  float:left;
  margin:0 5px 0 0;
  font-family:Open sans;
  font-weight:normal;
  font-size:10px;
  border:1px solid #dddddd;
  background:#f7f7f7;
  padding:5px;
  border-radius:4px;
}

.post-show a:hover {
  color:#c5473f;
}

.C:before {
  content:"\f075";
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
}

.L:before {
  content:"\f02b";
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
}

.D:before {
  content:"\f073";
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
}

/* AREA PREE */
pre code {
  padding:0 !important;
  color:#115E61;
  background:none !important;
  font-family:"Consolas";,Monaco,Courier,monospace;
  font-size:12px;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color:#1246CA;
}

pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color:#D11634;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .rules .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color:#0B7C97;
}

pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function {
  color:#838383;
}

pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color:#646464;
}

pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo {
  color:#509a55;
}

pre .deletion {
  color:#dc322f;
}

pre .tex .formula {
  background:#073642;
}

pre {
  margin:0;
  white-space:normal;
  border:1px solid #ddd;
  padding:15px;
  border-radius:3px;
}